<template>
    <div id="snowmsg">
        <div class="xctp">
            <div class="xctp_header">
                <span class="el-icon-picture-outline">&nbsp;&nbsp;</span><span>雪场图片</span>
            </div>
            <div class="xctp_gd">
                <ul>
                    <li><img src="../image/dxs.png" alt=""></li>
                    <li><img src="../image/xs.png" alt=""></li>
                    <li><img src="../image/hx.png" alt=""></li>
                    <li><img @click="getgdtp" class="gdtp" src="../image/gdtp.png" alt=""></li>
                </ul>
            </div>
           

           
        </div>
        <div class="xcxx_ct">
            <div class="xcxx_ct_left">
                <ul>
                    <li><span class="el-icon-user"></span>&nbsp;
                        <span>雪场名称</span>
                        &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                  <i>    北京伊尔滑雪场 </i>
                    </li>
                    <li><span class="el-icon-location-outline"></span>&nbsp;
                        <span>雪场地址</span>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                  <i>北京市丰台区科力庄405号</i>  
                    </li>
                    <li><span class="el-icon-time"></span>&nbsp;
                        <span>营业时间</span>
                        &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;
                     
                      <i> 8:30-20:30</i>
                    </li>
                    <li><span class="el-icon-phone"></span>&nbsp;
                        
                        <span>联系电话</span>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;
                       <i> 1746647657</i>
                    </li>
                </ul>
            </div>
            <div class="xcxx_ct_right">
                <div class="xcjs"><span class="el-icon-document-copy"></span><span>雪场介绍</span></div>
                <p>北京伊尔滑雪场属于北美风请的四季全运营的滑雪度假圣地，。雪场由北京市太舞旅游度假有限公司投资兴建，
                    项目总用地面积80平方公里,投资总额超过2000亿元
                
                </p>
            </div>
        </div>
        <div class="xcxx_footer">
            <ul>
                <li>
                    <div class="xcsj">
                        <span class="el-icon-s-data"></span>
                        <span>雪场数据</span>
                    </div>
                    <div class="xcmj">
                    <ul>
                        <li>
                            <span>雪场面积</span>
                        <i>5800万平方米</i>
                        </li>
                        <li>
                            <span>造雪面积</span>
                            <i>138万平方米</i>
                        </li>
                        <li>  
                                <span>日常接待</span>
                            <i>4000人次</i>
                        </li>
                        <li>    
                              <span>滑雪教练</span>
                            <i>316人</i>
                        </li>
                        <li>   
                               <span>医务人员</span>
                            <i>6人</i>
                        </li>
                    </ul>
                </div>
                </li>
                <li>      <div class="xcsj">
                    <span class="el-icon-s-data"></span>
                    <span>雪场数据</span>
                </div>
                <div class="xcmj">
                <ul>
                    <li>
                        <span>雪场面积</span>
                    <i>5800万平方米</i>
                    </li>
                    <li>
                        <span>造雪面积</span>
                        <i>138万平方米</i>
                    </li>
                    <li>  
                            <span>日常接待</span>
                        <i>4000人次</i>
                    </li>
                    <li>    
                          <span>滑雪教练</span>
                        <i>316人</i>
                    </li>
                    <li>   
                           <span>医务人员</span>
                        <i>6人</i>
                    </li>
                </ul>
            </div></li>
                <li>      <div class="xcsj">
                    <span class="el-icon-s-data"></span>
                    <span>雪场数据</span>
                </div>
                <div class="xcmj">
                <ul>
                    <li>
                        <span>雪场面积</span>
                    <i>5800万平方米</i>
                    </li>
                    <li>
                        <span>造雪面积</span>
                        <i>138万平方米</i>
                    </li>
                    <li>  
                            <span>日常接待</span>
                        <i>4000人次</i>
                    </li>
                    <li>    
                          <span>滑雪教练</span>
                        <i>316人</i>
                    </li>
                    <li>   
                           <span>医务人员</span>
                        <i>6人</i>
                    </li>
                </ul>
            </div></li>
            </ul>
        </div>

    </div>
</template>
<script>
export default {
    methods:{
        getgdtp(){
            this.$router.push('/snowimage')
        }
    }
}
</script>
<style scoped>
    .xcmj{
        color: #333;
    }
    .xcmj>ul>li>i{
        margin-left: 200px;
    }
    .xcmj>ul{
        list-style: none;
    }
    .xcmj>ul>li{
        padding: 20px;
    }
    .xcsj{
        margin-top: 10px;
    margin-left: 20px;
    color: #666666;
    }
    p{
        margin-left: 20px;
        margin-top: 20px;
        color:#333333;
    }
    .xcjs>span{
        margin-top: 10px;
        margin-left: 20px;
        color: #666666;
    }
    
      .xcxx_ct_left>ul>li>i{
          color: #333333;
      }
    .xcxx_ct_left>ul>li{
        padding: 10px;
        color: #666666;
    }
    .xcxx_footer>ul{
        list-style: none;
        display: flex;
        justify-content: space-between;
    }
    .xcxx_footer>ul>li{
        width: 378.67px;
        height: 330px;
        background-color: #fff;
    }
    .xcxx_ct_right{
        width: 781px;
        height: 168px;
        background-color:#fff;
        display: inline-block;
        margin-left: 20px;
        overflow: hidden;
    }
    .xcxx_ct_left{
        width: 379px;
        height: 168px;
        background-color: #fff;
        display: inline-block;
        overflow: hidden;
    }
    .xcxx_footer{
        width: 1184px;
        height: 330px;
        /* background-color: rgb(0, 255, 234); */
        margin-top: 30px;
    }
    .xcxx_ct{
        width: 1184px;
        height: 168px;
        /* background-color: #fff; */
        margin-top: 20px;
    }
    .gdtp{
        cursor: pointer;
    }
    .xctp_gd>ul>li{
        width: 272px;
        height: 160px;
        /* background-color: yellowgreen; */
    }
    .xctp_gd>ul{
       
       
        display: flex;
        justify-content: space-between;
        list-style: none;
      
      
    }
    .xctp_gd{
        /* background-color: pink; */
        width: 1136px;
        height: 160px;
        margin: auto;
        margin-top: 20px;
    }
    .xctp_header{
        margin-top: 10px;
        margin-left: 25px;
    }
    #snowmsg{
    width: 1184px;
    height: 778px;
    /* background-color: #fff; */
    margin-top: 40px;
    margin-left: 15px;   
    }
    .xctp{
        width: 1184px;
        height: 230px;
        background-color: #fff;
        overflow: hidden;
    }

</style>